/* 引入uni.scss变量 */
@import "../uni.scss";

page{
	height:100%;
}

.page {
		height: 100%;
		background-color: #11102A;
}



.heightFull{
	height:100%;
}
.text-center {
	text-align: center;
}

.bg-blue{
	background-color: #151237;
}

.text-white{
	color:#fff;
}

.text-blue{
	color:#5A669E;
}

.text-red{
	color:#F02947;
}
.text-black{
	color:#000;
}


.text-green{
	color:#0BFFDA ;
}

.text-green-light{
	color:#04FFFF ;
}
.text-weight {
	font-weight:600;
}

.text-18{
	font-size: 18rpx;
}

.text-20{
	font-size: 20rpx;
}

.text-22{
	font-size: 22rpx;
}

.text-26{
	font-size: 26rpx;
}

.text-28{
	font-size: 28rpx;
}


.text-30{
	font-size: 30rpx;
}


.text-32{
	font-size: 32rpx;
}


.text-36{
	font-size: 36rpx;
}

.text-40{
	font-size: 40rpx;
}

.text-44{
	font-size: 44rpx;
}

.text-48{
	font-size: 48rpx;
}

.margin-top-10{
	margin-top:10rpx;
}

.margin-bottom-10{
	margin-bottom:10rpx;
}
/* 尺寸 */
.w750 {
	width: 750rpx;
	margin: 0 auto;
}

.w700 {
	width: 700rpx;
	margin: 0 auto;
}

.w710 {
	width: 710rpx;
	margin: 0 auto;
}

.w730 {
	width: 730rpx;
	margin: 0 auto;
}

.w690 {
	width: 690rpx;
	margin: 0 auto;
}

.w670 {
	width: 670rpx;
	margin: 0 auto;
}

.w650 {
	width: 650rpx;
	margin: 0 auto;
}

.w635 {
	width: 635rpx;
	margin: 0 auto;
}

.w630 {
	width: 630rpx;
	margin: 0 auto;
}

.w615 {
	width: 615rpx;
	margin: 0 auto;
}

.w610 {
	width: 610rpx;
	margin: 0 auto;
}

.w600 {
	width: 600rpx;
	margin: 0 auto;
}
.w550{
	width: 550rpx;
	margin: 0 auto;
}
/*************************** flex布局 ****************************************/
.flex {
	display: flex;
}

.flex-wrap {
	display: flex;
	flex-wrap: nowrap;
}

.flex-1 {
	flex: 1;
	flex-shrink: 1;
}

.flex-col{
	flex-direction: column;
}
/* 水平方向 */
.flex-between-start {
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.flex-between {
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flex-around {
	flex-wrap: wrap;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.flex-start-around {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}

/* 垂直方向 */
.flex-column {
	display: flex;
	flex-direction: column;
}
.flex-column-around {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

.flex-column-start-around {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

.flex-column-start {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.flex-column-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.flex-column-end {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
}

.flex-column-around-end {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: flex-end;
}

.flex-column-between {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.flex-align-end {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap;
}

.flex-start {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.flex-start-top {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.flex-column-between-end {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.flex-end {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
}

/* 内容超过长度省略号显示 */
.overflow-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.overflow-text-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 清空浮动 */
.clear::after {
	content: "";
	display: block;
	clear: both;
}

.button-none {
	button::after {
		border: none;
	}
}

.bottom-button {
	height: 100rpx;
	position: fixed;
	background: #FFFFFF;
	bottom: 0rpx;
	bottom: constant(safe-area-inset-bottom);
	bottom: env(safe-area-inset-bottom);
}

